# 实现跳转

# wxss
## 默认状态显示蓝色
.nav-default {
  color: blue;
}


## 点击时变红
.nav-hover {
  color: red;
}


# wxml
<view>
<navigator style="display: inline;" url="/pages/weekly/weekly" open-type="navigator" hover-class="nav-hover" class="nav-default">每周推荐</navigator><text>一首纯音乐</text>
</view>


# view封装各个元素，并置于同一行
# navigator默认为块级元素，inline改为内嵌式
# open-type='redirect' 设置为跳转后不能返回（改为重叠性操作）
# hover-class 设置点击态样式
# nav-hover和nav-default对应的选择器的特指度相同，所以将nav-hover放在后面定义才会生效